<template>
  <div class="flex w-full min-h-screen flex-col bg-gray-100">
    <header-cmp></header-cmp>
    <div class="container flex-grow">
<pre class="overflow-auto">      科技是第一生产力
      诸神以真相示人,而世人却视而不见
      诸神不可逾越其类，一旦逾越，则会堕落

      食物 会被垄断吗? 工厂 阳光,合成,成本

      加入,获取基础的食物,衣物,,不贡献? 理想与利益</pre>
    </div>
    <footer-cmp></footer-cmp>
  </div>
</template>

<script>

import {getJson} from "@/assets/http";
import {getChildrenYmlApi} from "@/assets/api";
import HeaderCmp from "@/views/components/HeaderCmp.vue";
import FooterCmp from "@/views/components/FooterCmp.vue";

export default {
  name: "InfoComponent",
  components: {HeaderCmp, FooterCmp},
  data() {
    return {
      id: this.$route.query.id,
      info: null,
    }
  },
  created() {
    this.init()
  },
  methods: {
    async init() {
      let res = await getJson(getChildrenYmlApi, {ask: '希洛之书/总章'})
      this.info = res.data
    },
  }
}
</script>

<style scoped lang="less">
</style>
